<template>
	<uv-input :value="value" @update:value="updateValue" :placeholder="field.placeholder"
		:disabled="readonly || field.disabled" border="none" />
</template>

<script>
	export default {
		props: {
			value: String,
			field: Object,
			readonly: Boolean,
		},
		methods: {
			updateValue(newValue) {
				this.$emit('update:value', newValue);
			},
		},
	};
</script>